<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Blog of Mr.Zhang</title>

    <script src="/js/jquery-3.4.1.min.js" type="application/javascript"></script>
    <script src="/js/bootstrap.min.js" type="application/javascript"></script>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/blog.css">
    <link rel="stylesheet" href="/css/signin.css">
    <link rel="stylesheet" href="/css/myblog.css">

</head>
<body class="body text-center">
<!-- Fixed navbar -->
<div th:replace="topbar :: top-bar"></div>

<div class="container blog-container">

    <form class="form-signin" th:action="@{/login}" method="post">
        <div class="page-header">
            <h1>欢迎登录
                <small>畅所欲言</small>
            </h1>
        </div>
        <div class="alert alert-danger form-control" role="alert" th:if="${error != null}">
            <strong>警告:</strong><span th:text="${error}"></span>
        </div>
        <div>
            <label for="inputAccount" class="sr-only">邮箱账户</label>
            <input type="email" id="inputAccount" name="account" class="form-control" placeholder="请输入邮箱账户" required
                   autofocus>
        </div>
        <div>
            <label for="inputPassword" class="sr-only">密码</label>
            <input type="password" id="inputPassword" name="password" class="form-control" placeholder="请输入密码" required>
        </div>
        <div>
            <button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
        </div>
    </form>
    <hr>
    <div>
        <img src="/images/Connect_logo_5.png" height="48" width="230" style="height: 38px;width: 180px" alt=""/>
    </div>

</div> <!-- /container -->
<footer class="blog-footer">
    <p>Blog template built for <a href="http://getbootstrap.com">Bootstrap</a> by <a
            href="https://twitter.com/mdo">@mdo</a>.</p>
    <p>
        <a href="#">Back to top</a>
    </p>
</footer>
</body>
</html>